<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>报表页面</title>
    <link rel="stylesheet" th:href="@{../layui/css/layui.css}" media="all">
    <link rel="stylesheet" th:href="@{/font/iconfont.css}" media="all">
    <link rel="stylesheet" th:href="@{/css/reportPage.css}" media="all">
</head>
<body>
<!-- 打印按钮  start -->
<div class="print_div">
    <i class="iconfont icon-dayinji" style="position: absolute;right: 0"></i>
    <i class="iconfont icon-jurassic_curve" style="position: absolute;right: 45px"></i>
</div>
<!-- 打印按钮  end -->
<!-- 打印页面  start -->
<div id="dayin">
    <div class="tableAuto">
        <table border="0" cellspacing="0" width="100%" style="table-layout:fixed;margin-top: 20px">
            <caption ><span class="title" >金沙江白鹤滩水电站工程</span></caption>
            <caption style="padding: 10px 0;"><span class="title" style="font-weight: bolder;">灌浆施工记录表（记录仪格式）</span></caption>
            <tr>
                <td width="40%"style="padding: 3px 0">合同编号：<span style="margin-left: 10px" th:text="${map.contractNumber}" >BHT/0416</span></td>
                <td width="40%">单元工程编码：<span th:text="${reportInfo.unitEngineeringCoding}" style="margin-left: 10px">06-44-27-6116</span></td>
                <td>表单流水号：<span style="margin-left: 10px">...</span></td>
            </tr>
            <tr>
                <td style="padding: 3px 0">承包人：<span th:text="${map.contractor}" style="margin-left: 10px">水电七局白鹤滩施工局</span></td>
                <td>监理：<span th:text="${map.supervisor}" style="margin-left: 10px">长江设计院白鹤滩监理部</span></td>
            </tr>
        </table>
        <div class="tableBody">
            <table border="1" cellspacing="0" width="100%" id="table_body1" style="border:solid 1px #000000;font-size: 14px;table-layout:fixed;" >
                <tbody>
                <tr style="height: 30px">
                    <td colspan="2">单位工程名称</td>
                    <td colspan="2"><span th:text="${map.unitEngineeringName}">大坝工程</span></td>
                    <td colspan="2">分部工程名称</td>
                    <td colspan="2"><span th:text="${reportInfo.divisionProjectName}">灌浆排水平洞</span></td>
                    <td colspan="2">分项工程名称</td>
                    <td colspan="2"><span th:text="${reportInfo.subProjectName}">帷幕灌浆</span></td>
                </tr>
                <tr style="height: 40px">
                    <td colspan="2">单元工程名称</td>
                    <td colspan="2"><span th:text="${reportInfo.cellProjectName}">第6层主帷幕第16单元</span></td>
                    <td colspan="2">孔号</td>
                    <td colspan="2"><span th:text="${reportInfo.holeName}">WML6-16-02-15</span></td>
                    <td colspan="2">桩号</td>
                    <td colspan="2"><span th:text="${reportInfo.stakeName}">LGL6K0+480.0</span></td>
                </tr>
                <tr style="height: 60px">
                    <td colspan="2">孔口高程(m)</td>
                    <td colspan="2"><span th:text="${reportInfo.holeHeight}">592.25</span></td>
                    <td>排序</td>
                    <td><span th:text="${reportInfo.rowNumber}">02</span></td>
                    <td>孔序</td>
                    <td><span th:text="${reportInfo.sequenceName}">III序孔</span></td>
                    <td colspan="2">施工时段</td>
                    <td colspan="2"><span>2019.08.14 05:23:18</span>至<br><span>2019.08.14 06:01:18</span></td>
                </tr>
                <tr style="height: 50px">
                    <td colspan="3">射浆管距孔底：<span th:text="${reportInfo.holeBottomHeight}">20.0</span>cm</td>
                    <td colspan="3">设计灌浆压力：<span th:text="${reportInfo.designPressure}">5.0</span>MPa</td>
                    <td colspan="2">段次：<span th:text="${reportInfo.unitEngineeringName}">005</span></td>
                    <td colspan="2">
                        段位：自<span>15.80</span>m至 <span>20.80</span>m
                    </td>
                    <td colspan="2">段长：<span>5.00</span>m</td>
                </tr>
                </tbody>
            </table>
            <table border="1" cellspacing="0" width="100%" id="table_body2" style="border:solid 1px #000000;border-top: none;table-layout:fixed;">
                <thead>
                    <tr style="text-align: center;">
                        <td colspan="1">时间(h:min)</td>
                        <td colspan="1">平均压力(MPa)</td>
                        <td colspan="1"> 最大压力(MPa)</td>
                        <td colspan="1">进浆流量(L/min)</td>
                        <td colspan="1">回浆流量(L/min)</td>
                        <td colspan="1">注入率(L/min)</td>
                        <td colspan="1">累计注浆量(L)</td>
                        <td colspan="1">累计注灰量(Kg)</td>
                        <td colspan="1">浆液水灰比</td>
                        <td colspan="1">浆液密度(g/cm³)</td>
                        <td colspan="1">累计抬动(μm)</td>
                        <td colspan="1">温度(℃)</td>
                        <td colspan="1">备注</td>
                    </tr>
                </thead>
                <tbody th:each="reportData : ${reportDataList}">
                    <tr style="text-align: center;">
                        <td th:text="${#strings.substring(reportData.time,10)}"></td>
                        <td th:text="${reportData.pressure}"></td>
                        <td th:text="${reportData.maxPressure}"></td>
                        <td th:text="${reportData.flowIn}"></td>
                        <td th:text="${reportData.flowOut}"></td>
                        <td th:text="${reportData.flow}"></td>
                        <td th:text="${reportData.slurry}"></td>
                        <td th:text="${reportData.cement}"></td>
                        <td th:text="${reportData.waterCementRatio}"></td>
                        <td th:text="${reportData.density}"></td>
                        <td th:text="${reportData.shift}"></td>
                        <td th:text="${reportData.temperature}"></td>
                        <td th:text="${reportData.remark}"></td>
                    </tr>
                </tbody>
                <tfoot>
                    <table border="0" cellspacing="0" width="100%" style="border: solid 1px #000000;border-top: none;">
                        <tbody>
                            <tr>
                                <td style="padding: 3px 0">累计注浆量：</td>
                                <td><span>168.0</span>(L)</td>
                                <td>孔管占浆量：</td>
                                <td><span>168.0</span>(L)</td>
                                <td>废弃浆量：</td>
                                <td><span>48.0</span>(L)</td>
                            </tr>
                            <tr>
                                <td style="padding: 3px 0">累计注灰量：</td>
                                <td><span>31.6</span>(Kg)</td>
                                <td>孔管占灰量：</td>
                                <td><span>32.3</span>(Kg)</td>
                                <td>废弃灰量：</td>
                                <td><span>9.2</span>(Kg)</td>
                            </tr>
                            <tr>
                                <td style="padding: 3px 0">单位注灰量：</td>
                                <td><span>0.0</span>(Kg/m)</td>
                                <td>纯灌时间：</td>
                                <td><span>37</span>(min)</td>
                                <td>&nbsp;</td>
                                <td>&nbsp;</td>
                            </tr>

                        </tbody>

                </table>
                </tfoot>
            </table>
        </div>
        <table border="0" cellspacing="0" width="100%" style="table-layout:fixed;margin-top: 2px">
            <tr>
                <td width="20%">初检：</td>
                <td width="20%">复检：</td>
                <td width="20%">终检：</td>
                <td width="20%">监理：</td>
                <td width="20%">2019年08月14日</td>
            </tr>
        </table>
    </div>
    <div id="table_foot">
        <div class="qrcode">
            <div id="qrcode"></div>
        </div>

        <div id="foot">
            <div class="foot_line">软件版本号：<span style="margin-right: 10px">20.36.25</span>No：<span style="display: inline-block">20083</span></div>
            <div class="foot_line">当前报表通过管理系统预览打印</div>
            <div class="foot_line">扫描左侧防伪码可验证资料真伪</div>
            <div class="foot_line">资料防伪编号：<span>2008300971994641</span></div>
            <div class="foot_line">黑匣子数据文件：<span>G_WML6-16-02-15_005_2019081406006_NN.JTF2</span></div>
            <div class="foot_line">资料防伪码共16位：前5位为主板唯一编号</div>
            <div class="foot_line">编号代表信号类型：50000及以上为模拟信号、50000以下为数字信号</div>
        </div>
    </div>
</div>
<!-- 打印页面  end -->
<script th:src="@{/layui/layui.js}"></script>
<script th:src="@{/js/jquery-1.4.4.min.js}"></script>
<script th:src="@{/js/jquery.jqprint-0.3.js}"></script>
<script th:src="@{/js/qrcode.min.js}"></script>
<script type="text/javascript" th:inline="javascript">

    layui.use(['form','layer'],function () {
        var form = layui.form;

        $(".icon-dayinji").click(function(){
            $("#dayin").jqprint()
        });
        var qrcode = new QRCode(document.getElementById("qrcode"), {
            width:160,
            height:160
        });
        qrcode.makeCode("http://www.runoob.com"); // 设置要生成二维码的链接

        $(".icon-jurassic_curve").click(function () {

            /*<![CDATA[*/
            window.location.href = "/report/graphPage?id="+[[${reportInfo.id}]]+"&holeName="+[[${reportInfo.holeName}]]+"&segName="+[[${reportInfo.unitEngineeringName}]];
            /*]]>*/

        });
    })

</script>
</body>
</html>